<template>
    <div class="wrapper_inp">
        <input type="text" v-model="title"><button @click="SubmitList">提交</button>
    </div>
</template>

<script>
export default {
    props:{
        
    },
    data() {
        return {
            title: '',
           
        }
    },
    mounted() {

    },
    methods: {
        SubmitList(){
            this.$emit('SubmitList', this.title);
            this.title=''
        }
    },
};
</script>

<style scoped >
    .wrapper_inp{
        padding-left: 80px;
    }
input{
    width: 240px;
    height: 30px;
    border: 0;
    border-bottom: 3px dashed #fe7345;
    background: #f2f2f2;
    font-size: 25px;
    outline: none;
}
button{
    width: 50px;
    height: 30px;
    border: 0;
    background: #fe7345;
    margin-left: 10px;
    border-radius: 5px;
    color: white;
}
</style>
